<template>
  <div class="pinia">
    <div>{{userStore.name}}</div>
    <div>{{userStore.double}}</div>
  </div>
</template>

<script setup>
import { useUserStore } from '../../store/user.js'

const userStore = useUserStore()
onMounted(() => {
  setTimeout(() => {
    console.info(userStore, '---')
    userStore.M_name() // 能够直接调用，就相当于 vue2 中的 this 调用 methods 里面的方法
  }, 1000)
})
</script>

<style lang="less" scoped>

</style>
